<div class="container">
  <div *ngIf="!isReader">
    <div *ngIf="books" class="row">
      <div class="card  col-md-4 col-sm-6" *ngFor="let book of books">
        <div class="card-body">
          <h5 class="card-title">{{book['title']}}</h5>
          <p class="card-text">{{book['content']}}</p>
          <a class="card-link btn btn-primary" (click)="readMore(book['id'])">阅读更多</a>
        </div>
      </div>
    </div>
  </div>
  <div *ngIf="isReader">
    <div *ngIf="book">
      <div class="card">
        <div class="card-body">
          <h4 class="card-title">{{book['title']}}</h4>
          <p class="card-text">{{book['content']}}</p>
          <a class="card-link btn btn-primary" (click)="back()">返回列表</a>
        </div>
      </div>
    </div>
  </div>
</div>